<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/18 0018
  Time: 22:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>javaWeb试题</title>
    <!--导入layui--><!--导入jquery包-->
    <script src="../jQuery/jquery-1.11.2.js"></script>
    <!--导入layui包-->
    <link rel="stylesheet" href="../layui/layui/css/layui.css"/>
    <script src="../layui/layui/layui.js"></script>
</head>
<body>
<table id="demo">

</table>
<script type="text/javascript">
    layui.use(['table','layer','form','laypage','util',"jquery"],function () {
        //导入模块并得到模块对象
        var table = layui.table,//表格对象
            layer = layui.layer,//弹层对象
            form = layui.form,//表单对象
            laypage = layui.laypage,//分页组件
            $=layui.jquery,//jquery对象
            util=layui.util;//工具对象
        //第一个实例
        table.render({
            elem: '#demo'//表格对象
            ,cellMinWidth: 80
            ,height:610
            ,url: '../json/Subject.json' //数据接口
            , limit: 50  //一页显示10条数据
            , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                var result;
                console.log(this);
                console.log(JSON.stringify(res));
                if (this.page.curr) {
                    result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                }
                else {
                    result = res.data.slice(0, this.limit);
                }
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": result //解析数据列表
                };
            }
            ,cols: [[ //表头
                {type:'checkbox'}
                ,{field: 'subjectId', title: '试题编号'}
                ,{field: 'stem', title: '题干'}
                ,{field: 'optionA', title: '选项A'}
                ,{field: 'optionB', title: '选项B'}
                ,{field: 'optionC', title: '选项C'}
                ,{field: 'optionD', title: '选项D'}
            ]],
            page:false
        });
    });
</script>
</body>
</html>
